<template>
  <div class="shopping-settlement">
    <div class="shopping-settlement-Choice">
      <div class="round"></div>
      <p class="shopping-settlement-p">全选</p>
    </div>

    <p class="shopping-settlement-total">
      合计
      <span class="span1">￥：</span>不含运费
    </p>
    <router-link to="/sure" tag="div" class="shopping-settlement-price">
      <p>
        结算(
        <span class="ment">0</span>)
      </p>
    </router-link>
  </div>
</template>f

<script>
export default {};
</script>

<style scoped>
.shopping-settlement {
  width: 100%;
  height: 1rem;
  background: #ffffff;
  position: fixed;
  bottom: 1rem;
}
.shopping-settlement-Choice {
  width: 2rem;
  height: 100%;
  float: left;
}
.round {
  border: 1px solid #707070;
  background-color: #ffffff;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  margin-left: 0.35rem;
  margin-top: 0.35rem;

  float: left;
}
.shopping-settlement-p {
  width: 0.8rem;
  height: 1rem;
  float: left;
  line-height: 1rem;
}
.shopping-settlement-price {
  width: 1.8rem;
  height: 1rem;
  line-height: 1rem;
  float: right;
  text-align: center;
  background: #43bf92;
  color: #ffffff;
  font-size: 0.3rem;
}
.shopping-settlement-total {
  width: 3.2rem;
  height: 1rem;
  float: left;
  line-height: 1rem;
  text-align: right;
}
.span1 {
  color: #43bf92;
}
</style>